<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		
	    <link href="css/mui.min.css" rel="stylesheet"/>
		<link href="./css/mui.picker.css" rel="stylesheet" />
		<link href="./css/mui.poppicker.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="./css/mui.indexedlist.css"/>
	</head>
	<style type="text/css">
		.mui-title{
			font-size:20px;
		}
		.xl:after{
			content:'';
			display: block;
			width: 0; 
			height: 0; 
			border-left: 8px solid transparent; 
			border-right: 8px solid transparent; 
			border-top: 10px solid #000; 
		}
		html,body {
				height: 100%;
			}
		.dongtai_list_info{
			white-space: initial;
		}
		.mui-table-view-cell p>span:nth-child(2){
			line-height: 28px;
			color: #000;
		}
		.mui-table-view-cell p>span:nth-child(1){
			font-weight: bold;
		}
		.works_colm{
			background: #efeff4
		}
		.works_colm>li{
			margin-bottom: 8px;
    		background: #fff;
		}
	</style>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a href="javascript:window.close()" class="mui-icon mui-icon mui-icon-back mui-pull-left" style="color:#8a8a8a"></a>
			<h1 id="departmentList" class="mui-title">全部 <span class="mui-icon xl"></span></h1>
			<a href="" class="mui-icon mui-icon-plus mui-pull-right" style="color:#8a8a8a"></a>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view works_colm">
				<li class="mui-table-view-cell mui-media">
				    <a href="javascript:;"> 
					    <img class="mui-media-object mui-pull-left" src="./images/userLogo/1.jpg">
				         <div class="mui-media-body">
				         	<p>雪雪004 <span class="mui-pull-right">TMK</span></p>
				            <p class="mui-ellipsis">2017年09月11日 15:00</p>
				        </div>
				        <p class="dongtai_list_info"><span>日志标题:</span><span>惠泽园</span></p>
				    	<p class="dongtai_list_info"><span>日志内容:</span><span>日志的一些内容，比如今天做了什么，完成了那些任务</span></p>
				    </a>
				</li>
				<li class="mui-table-view-cell mui-media">
				    <a href="javascript:;" class="">
					    <img class="mui-media-object mui-pull-left" src="./images/userLogo/1.jpg">
				         <div class="mui-media-body">
				         	<p>雪雪004 <span class="mui-pull-right">TMK</span></p>
				            <p class="mui-ellipsis">2017年09月11日 15:00</p>
				        </div>
				        <p class="dongtai_list_info"><span>日志标题:</span><span>惠泽园</span></p>
				    	<p class="dongtai_list_info"><span>日志内容:</span><span>日志的一些内容，比如今天做了什么，完成了那些任务</span></p>
				    </a>
				</li>
				<li class="mui-table-view-cell mui-media">
				    <a href="javascript:;">
					    <img class="mui-media-object mui-pull-left" src="./images/userLogo/1.jpg">
				         <div class="mui-media-body">
				         	<p>雪雪004 <span class="mui-pull-right">TMK</span></p>
				            <p class="mui-ellipsis">2017年09月11日 15:00</p>
				        </div>
				        <p class="dongtai_list_info"><span>日志标题:</span><span>惠泽园</span></p>
				    	<p class="dongtai_list_info"><span>日志内容:</span><span>日志的一些内容，比如今天做了什么，完成了那些任务</span></p>
				    </a>
				</li>
				<li class="mui-table-view-cell mui-media">
				    <a href="javascript:;" class="">
					    <img class="mui-media-object mui-pull-left" src="./images/userLogo/1.jpg">
				         <div class="mui-media-body">
				         	<p>雪雪004 <span class="mui-pull-right">TMK</span></p>
				            <p class="mui-ellipsis">2017年09月11日 15:00</p>
				        </div>
				        <p class="dongtai_list_info"><span>日志标题:</span><span>惠泽园</span></p>
				    	<p class="dongtai_list_info"><span>日志内容:</span><span>日志的一些内容，比如今天做了什么，完成了那些任务</span></p>
				    </a>
				</li>
				<li class="mui-table-view-cell mui-media">
				    <a href="javascript:;">
					    <img class="mui-media-object mui-pull-left" src="./images/userLogo/1.jpg">
				         <div class="mui-media-body">
				         	<p>雪雪004 <span class="mui-pull-right">TMK</span></p>
				            <p class="mui-ellipsis">2017年09月11日 15:00</p>
				        </div>
				        <p class="dongtai_list_info"><span>日志标题:</span><span>惠泽园</span></p>
				    	<p class="dongtai_list_info"><span>日志内容:</span><span>日志的一些内容，比如今天做了什么，完成了那些任务</span></p>
				    </a>
				</li>
				<li class="mui-table-view-cell mui-media">
				    <a href="javascript:;">
					    <img class="mui-media-object mui-pull-left" src="./images/userLogo/1.jpg">
				         <div class="mui-media-body">
				         	<p>雪雪004 <span class="mui-pull-right">TMK</span></p>
				            <p class="mui-ellipsis">2017年09月11日 15:00</p>
				        </div>
				        <p class="dongtai_list_info"><span>日志标题:</span><span>惠泽园</span></p>
				    	<p class="dongtai_list_info"><span>日志内容:</span><span>日志的一些内容，比如今天做了什么，完成了那些任务</span></p>
				    </a>
				</li>
				
			</ul>
		</div>
		
	</body>
	<script src="./js/mui.min.js"></script>
	<script src="./js/mui.picker.js"></script>
	<script src="./js/mui.poppicker.js"></script>
	<script src="./js/mui.indexedlist.js" type="text/javascript" charset="utf-8"></script>
	<script>
		(function($, doc) {
			$.init();
			$.ready(function() {
				var cityPicker = new $.PopPicker({
					layer: 1
				});
				var work = [{value: '100000',text: '全部日志'},{value: '101000',text: '我的日志'}]
				cityPicker.setData(work);
				var showCityPickerButton = doc.getElementById('departmentList');
				showCityPickerButton.addEventListener('tap', function(event) {
					cityPicker.show(function(items) {
						console.log("你选择的是:" + items[0].text)
						//返回 false 可以阻止选择框的关闭  
						//return false;
					});
				}, false)
			});
		})(mui, document);
		
		</script>
<div id='cityResult' class="ui-alert"></div>
</html>
